<!DOCTYPE html>
<ui:composition template="/template/layout.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	xmlns:o="http://omnifaces.org/ui">

	<f:metadata>
		<o:viewParam name="id" value="#{usuarioController.formulario.entidade}" />
		<f:viewAction action="#{usuarioController.prepararCadastro()}" />
	</f:metadata>

	<ui:define name="titulo">Cadastro de Usuário do Sistema</ui:define>

	<ui:define name="breadcrumb">
		<ul class="breadcrumb">
			<li><a href="/biblioteca/paginas/principal.jsf">Início</a> <span class="divider">/</span></li>
			<li><a href="/biblioteca/paginas/usuario/inicio.jsf">Cadastro de Usuários do Sistema</a> <span class="divider">/</span></li>
			<li class="active"><h:outputText value="Novo Usuário" rendered="#{usuarioController.formulario.entidade.new}" /> <h:outputText
					value="Editar Usuário" rendered="#{!usuarioController.formulario.entidade.new}" /></li>
		</ul>
	</ui:define>

	<ui:define name="corpo">
		<h:form id="frmUsuario">

			<h3>
				<h:outputText value="Novo Usuário" rendered="#{usuarioController.formulario.entidade.new}" />
				<h:outputText value="Editar Usuário" rendered="#{!usuarioController.formulario.entidade.new}" />
			</h3>

			<div class="row-fluid">
				<div class="span6">
					<p:outputLabel value="Nome" for="nome" />
					<p:inputText id="nome" maxlength="60" value="#{usuarioController.formulario.entidade.nome}" style="width: 100%;" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="span6">
					<p:outputLabel value="Email" for="email" />
					<p:inputText id="email" maxlength="60" value="#{usuarioController.formulario.entidade.email}" style="width: 100%;" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="span3">
					<p:outputLabel value="CPF" for="cpf" />
					<p:inputMask mask="999.999.999-99" id="cpf" size="11" value="#{usuarioController.formulario.entidade.cpf}" style="width: 100%;" />
				</div>
				<div class="span3">
					<p:outputLabel value="Data de Nascimento" for="dataNascimento" />
					<p:calendar maxlength="10" mask="99/99/9999" navigator="true" yearRange="1900:#{usuarioController.dataAtual.year+1900}"
						maxdate="#{usuarioController.dataAtual}" id="dataNascimento" pattern="dd/MM/yyyy" locale="pt_BR"
						value="#{usuarioController.formulario.entidade.dataNascimento}" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="span3">
					<p:outputLabel value="Telefone" for="telefone" />
					<p:inputMask mask="(99)9999-9999" id="telefone" value="#{usuarioController.formulario.entidade.telefone}" style="width: 100%;" />
				</div>
				<div class="span3">
					<p:outputLabel value="Tipo de Usuário" />
					<p:selectOneMenu id="tipoUsuario" value="#{usuarioController.formulario.tipoUsuario}">
						<f:selectItem itemLabel="Padrão" itemValue="padrao" />
						<f:selectItem itemLabel="Administrador" itemValue="adm" />
					</p:selectOneMenu>
				</div>
				<!-- 				<div class="span3 form-inline" style="margin-top: 25px;"> -->
				<!-- 					<h:panelGroup rendered="#{usuarioController.usuarioLogado.userAdmin}"> -->
				<!-- 						<p:outputLabel value="Usuário Admin" for="admin" /> -->
				<!-- 						<p:spacer width="30" /> -->
				<!-- 						<p:selectBooleanCheckbox id="admin" value="#{usuarioController.formulario.entidade.userAdmin}"  /> -->
				<!-- 					</h:panelGroup> -->
				<!-- 				</div> -->
			</div>

			<div class="row-fluid">
				<div class="span3">
					<p:outputLabel value="Login" for="login" />
					<p:inputText readonly="#{!usuarioController.formulario.entidade.new}" id="login" maxlength="60"
						value="#{usuarioController.formulario.entidade.acesso.login}" style="width: 100%;" />
				</div>
				<div class="span3">
					<p:outputLabel value="Senha" for="senha" />
					<p:password id="senha" maxlength="60" value="#{usuarioController.formulario.entidade.acesso.senha}" style="width: 100%;" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="span12" style="margin-top: 15px;">
					<p:commandButton value="Salvar" action="#{usuarioController.salvar()}" styleClass="btn btn-primary" ajax="false" />
					<p:spacer width="30" />
					<p:commandButton id="btnLimpar" rendered="#{usuarioController.formulario.entidade.new}" immediate="true" update="@form" process="@this"
						value="Limpar" action="#{usuarioController.iniciarDados()}" styleClass="btn btn-default" />
					<p:spacer width="30" />
					<p:commandButton id="btnVoltar" ajax="false" immediate="true" value="Voltar" styleClass="btn btn-default"
						action="/paginas/usuario/inicio?faces-redirect=true" />
				</div>
			</div>

		</h:form>
	</ui:define>
</ui:composition>